<div>
    <div class="row" v-if="goodCashierInfo.componentShow == 'goodCashierInfo'">
        <div class="col-lg-7">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>购买商品</h5>
                    <div class="ibox-tools " style="top:5px; ">
                        <div class="float-right margin-top-xs">
                            <button type="button" class="btn btn-primary btn-sm" v-on:click="clearCashier()">
                                清空
                            </button>
                        </div>
                        <div class="float-right margin-right" style="width: 300px;">
                            <input type="text" placeholder="请输入条形码/商品名称/条形码后4位"
                                   v-model="goodCashierInfo.conditions.searchValue" id="searchValue"
                                   class=" form-control" @keyup.enter="_loadProduct()">
                        </div>
                        <div class="float-right margin-top-xs margin-right">
                            <button type="button" class="btn btn-white btn-sm" v-on:click="_ListUpStoreOrder()">
                                挂单记录
                            </button>
                        </div>
                        <div class="float-right margin-top-xs margin-right">
                            <button type="button" class="btn btn-white btn-sm" v-on:click="_UpStoreOrder()">
                                挂单
                            </button>
                        </div>
                    </div>
                </div>
                <div class="ibox-content" style="min-height: 400px;">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                        <tr>
                            <th class="text-center">商品信息</th>
                            <th class="text-center">商品图片</th>
                            <th class="text-center">商品规格</th>
                            <th class="text-center">单价(元)</th>
                            <th class="text-center">会员价(元)</th>
                            <th class="text-center">数量</th>
                            <th class="text-center">优惠(元)</th>
                            <th class="text-center">小计(元)</th>
                            <th class="text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="stock in goodCashierInfo.productStocks">
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                {{stock.prodName}}
                            </td>
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                <img style="width: 60px; height: 60px; border-radius: 5px;"
                                     v-bind:src="stock.coverPhoto">
                            </td>
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                {{stock.specName}}
                            </td>
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                {{stock.prodPrice}}{{stock.cateType =="3"?"积分":""}}
                            </td>
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                {{stock.vipPrice}}
                            </td>
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                {{stock.count}}
                            </td>
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                {{stock.discountPrice}}
                            </td>
                            <td class="text-center" style="cursor:pointer;" v-on:click="_editProductNum(stock)">
                                {{stock.money}}{{stock.cateType =="3"?"积分":""}}
                            </td>
                            <td class="text-center">
                                <div class="btn-group">
                                    <button class="btn-white btn btn-xs"
                                            v-on:click="_openDeleteProductStockModel(stock)">取消
                                    </button>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="8">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>支付信息</h5>
                    </div>
                    <div class="ibox-content padding-bottom-xs">
                        <div class="form-group row">
                            <div class="col-sm-4">
                                <label>会员电话：</label>
                                <label>
                                    <input type="tel" v-model="goodCashierInfo.vipUser.vipTel" class=" border-none"
                                           placeholder="请输入会员电话" @keyup.enter="_loadVipUser()"/>
                                    <button class="btn-white btn btn-xs" type="button"
                                            v-on:click="_loadVipUser()">查询
                                    </button>
                                </label>
                            </div>
                            <div class="col-sm-4">
                                <label>会员名称：</label>
                                <label>{{goodCashierInfo.vipUser.vipName}}</label>
                            </div>
                            <div class="col-sm-4">
                                <label>会员性别：</label>
                                <label>{{goodCashierInfo.vipUser.sex == '0'?'女':'男'}}</label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-4">
                                <label>会员等级：</label>
                                <label>{{goodCashierInfo.vipUser.levelName}}</label>
                            </div>
                            <div class="col-sm-4">
                                <label>购物券：</label>
                                <label>{{goodCashierInfo.vipUser.couponCount}} 张</label>
                            </div>
                            <div class="col-sm-4">
                                <label>积分：</label>
                                <label>{{goodCashierInfo.vipUser.integralAmount}}</label>
                            </div>
                        </div>
                        <div class="form-group row margin-bottom-xs">
                            <div class="col-sm-2 margin-lr-0 padding-lr-0 text-center">
                                <label class="">赠送优惠卷：</label>
                                <label style="font-size: 25px;">{{goodCashierInfo.goldCount}}</label>
                            </div>
                            <div class="col-sm-2 margin-lr-0 padding-lr-0 text-center">
                                <label class="">赠送积分：</label>
                                <label style="font-size: 25px;">{{goodCashierInfo.integralCount}}</label>
                            </div>
                            <div class="col-sm-2 margin-lr-0 padding-lr-0 text-center">
                                <label class="">消费积分：</label>
                                <label class=""
                                       style="font-size: 25px;color: red;">{{goodCashierInfo.bonusPoints}}</label>
                            </div>
                            <div class="col-sm-2 margin-lr-0 padding-lr-0 text-center">
                                <label class="">消费金额：</label>
                                <label class="" style="font-size: 25px;color: red;">￥{{goodCashierInfo.money}}</label>
                            </div>
                            <div class="col-sm-2">
                                <button class="btn btn-warning btn-lg btn-block" type="button"
                                        v-on:click="_confirmPayCarsh()">结算
                                </button>
                            </div>
                            <div class="col-sm-2">
                                <button class="btn  btn-primary btn-lg btn-block" type="button"
                                        v-on:click="_payWxCarsh()">微信结算
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <vc:create path="goods/goodCashierCategory"></vc:create>
        </div>
    </div>
    <vc:create path="goods/deleteProductStock"></vc:create>
    <vc:create path="goods/goodCashierConfirm"></vc:create>
    <vc:create path="goods/chooseProduct" emitChooseProduct='goodCashier' emitLoadData='goodCashier'></vc:create>
    <vc:create path="goods/editProductNum" emitProductNum='editProductNum' emitLoadData='editProductNum'></vc:create>
    <div v-bind:class="{no_display:goodCashierInfo.componentShow != 'storeOrderUpManage'}">
        <vc:create path="goods/storeOrderUpManage" callBackListener="" callBackFunction=""></vc:create>
    </div>
</div>